.poster {
    overflow: hidden;
    position: relative;

    .poster-img {
        display: flex;



        img {
            width: 200px;
            height: 300px;
            margin: 10px;
            display: flex;
            border-radius: 10px;
        }
    }

    p {
        position: relative;
        bottom: 40px;
        left: 20px;
        width: 43px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: #666044;
        color: #fff;
        border-radius: 5px;
        font-size: 12px;
    }


}

.button {
    z-index: 99;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top:50%;
    font-weight: 600;
    border: none;
    background: #fff;
}

.button-next {
    z-index: 99;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    font-weight: 600;
    border: none;
    background: #fff;
}

.button:hover {
    background: #1261FF;
    color: #fff;
}

.button-next:hover {
    background: #1261FF;
    color: #fff;
}